<template>
  <div class="table-wrapper">
    <el-table :data="tableData">
      <el-table-column label="id" width="80" prop="id"></el-table-column>
      <el-table-column label="username" width="100" prop="username"></el-table-column>
      <el-table-column label="gender" width="100" prop="gender"></el-table-column>
      <el-table-column label="age" width="100" prop="age"></el-table-column>
      <el-table-column label="birthday" width="100" prop="birthday"></el-table-column>
      <el-table-column label="address" width="180" prop="address"></el-table-column>
    </el-table>
  </div>
</template>
<script>
// props 事件
export default {
  props: {
    tableData: {
      type: Array,
      default: []
    }
  }
};
</script>